<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试</title>
<!--		css样式-->
		<style type="text/css">

			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				overflow: hidden;
			}
			#containerDiv{
				margin-top: 20px; 
				margin-left: auto;
				margin-right: auto;
				width: 500px;
				height: 600px;
				border: solid #E0E0E0 1px;
				text-align: center;
			}
			#bannerDiv{
				width: 500px;
				height: 100px;
				border: solid #E0E0E0 2px;
				line-height: 100px;
			}
			#navigationDiv{
				width: 500px;
				height: 30px;
				border: solid #E0E0E0 2px;
				line-height: 30px;
			}
			#foucsDiv{
				width: 500px;
				height: 150px;
				border: solid #E0E0E0 2px;
				line-height: 150px;
				background-color: burlywood;
			}
			#foucsDiv_left{
				width: 366px;
				height: 150px;
				border-right: yellow solid 1px;
				float: left;
			}
			#foucsDiv_right{
				width: 130px;
				height: 150px;
				float: left;
			}

			.clearBoth{
				clear: both;
			}
			#contentDiv{
				width: 500px;
				height: 250px;
				border: solid #E0E0E0 2px;
				background-color: #F2F2F2;
			}
			#content1{
				width: 165px;
				height: 250px;
				border-right: red solid 1px;
				float: left;
				line-height: 250px;
			}
			#content2{
				width: 165px;
				height: 250px;
				border-right: red solid 1px;
				float: left;
				line-height: 250px;
			}
			#content3{
				width: 166px;
				height: 250px;
				float: left;
				line-height: 250px;
			}
			#footerDiv{
				width: 500px;
				height:70px;
				line-height:70px;
			}
		
		</style>
	</head>
	<body>
		<div id="containerDiv">
			<div id="bannerDiv">网站头部</div>
			<div id="navigationDiv">导航</div>
			<div id="foucsDiv">
				<div id="foucsDiv_left">焦点内容左</div>
				<div id="foucsDiv_right">焦点内容右</div>
			</div>
			<div class="clearBoth"></div>
			<div id="containerDiv">
				<div id="content1">主体内容1</div>
				<div id="content2">主体内容2</div>
				<div id="content3">主体内容3</div>
			</div>
			<div class="clearBoth"></div>
	         <div id="footerDiv">网站底部</div>
			</div>
	</body>
</html>
